html, 
body, 
div, 
a, 
ul, 
li, 
span, 
table, 
td, 
tr
{
   margin: 0;
   padding: 0;
   list-style: none;
   text-decoration: none;
}
html, 
body
{
   height: 100%;
}
.content{
   width: 100%;
   height: 100%;
   overflow-y: hidden;
}
.table{
   width: 100%;
   border-collapse: collapse;
}
.menu-td{
   width: 230px;
   height: 100%;
   /* background:#171717; */
   background: black;
}
.menu{
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.logo{
   width: 100%;
   height: 80px;
}
.logo img{
   width: 114px;
   display: block;
   margin: 0 auto;
}
.text-1{
   width: 100%;
   height: 36px;
   color: #686868;
   text-align: center;
   font-size: 12px;
}
.menu-item-4{
   width: 100%;
   height: 54px;
   background: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
}
.menu-item-4 a{
   color: black;
}
.czs-circle{
   display: block;
   text-align: center;
   font-size: 20px;
   font-weight: 200;
}
.czs-square{
   display: block;
   text-align: center;
   font-size: 20px;
   font-weight: 200;
}
.czs-triangle{
   display: block;
   text-align: center;
   font-size: 20px;
   font-weight: 200;
}
.czs-camber{
   display: block;
   text-align: center;
   font-size: 20px;
   font-weight: 200;
}
.menu-4{
   width: 100%;
   height: 300px;
   overflow: scroll;
   overflow-x:hidden;
}
::-webkit-scrollbar{
   width: 4px;
   height: 10px;
}
::-webkit-scrollbar-thumb{
   background: #666666;
}
.menu-2, .menu-3, .menu-1{
   height: 0;
   width: 100%;
   overflow: hidden;
}
.menu-4 li a:hover{
   background: #222222;
   color: white;
}
.menu-4 li a{
   width: 100%;
   height: 35px;
   font-size: 12px;
   color: #686868;
   display: flex;
   align-items: center;
   justify-content: center;
}
.menu-item-2 a:hover, .menu-item-3 a:hover, .menu-item-1 a:hover{
   width: 100%;
   height: 54px;
   text-align: center;
   background: #fff;
   color: #000;
}
.menu-item-2, .menu-item-3, .menu-item-1{
   width: 100%;
   height: 54px;
   background:black;
   display: flex;
   align-items: center;
   justify-content: center;
}
.menu-item-2 a, .menu-item-3 a, .menu-item-1 a{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   color: #ffffff;
}
.text-2{
   width: 100px;
   height: 30px;
   font-size: 12px;
   color: #686868;
   display: block;
   text-align: center;
}
.text-2-s{
   width: 100%;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.text-2:hover{
   color: #ffffff;
}
.right{
   width: 100%;
   height: 100vh;
   float: right;
}